<template>
  <view class="searchbar-container" @click="myEvent">
    <icon class="search" type="search" size="12" color="#ffb967" />
    <text class="placeholder">{{placeholder}}</text>
  </view>
</template>
<script>
export default {
  props: {
    placeholder: {
      type: String,
      default: "请输入课程名称",
    },
  },
  methods: {
    myEvent() {
      this.$emit("myEvent");
    },
  },
};
</script>
<style lang='less' scoped>
.searchbar-container {
  padding: 25rpx;
}
.search {
  margin-right: 25rpx;
}
.placeholder {
  font-size: 34rpx;
  color: #999999;
}
</style>